<template>
  <div class="chatroom-title">
    <h1 class="title">{{user}}</h1>
  </div>
</template>
<script>
export default {
  name: 'chatroom-title',
  props: {
    user: {
      type: String,
      required: true,
    },
  },
}
</script>
<style lang="scss" scoped>
.chatroom-title {
  width: 100%;
}
h1 {
  font-weight: 100;
  border-bottom: 1px solid;
  @media screen and (max-width: 900px) {
    text-indent: 2em;
  }
}
</style>
